<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>发现 - 美味外卖</title>
    <style>
        body { font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; background: #f8f8f8; margin: 0; }
        .container { max-width: 700px; margin: 30px auto; background: #fff; border-radius: 10px; box-shadow: 0 2px 8px #eee; padding: 24px; }
        h2 { color: #ff6b00; }
        .discover-list { margin-top: 20px; }
        .discover-item { padding: 16px 0; border-bottom: 1px solid #eee; }
        .discover-item:last-child { border-bottom: none; }
        .discover-title { font-weight: bold; font-size: 16px; }
        .discover-desc { color: #888; font-size: 13px; margin: 6px 0; }
    </style>
</head>
<body>
<div class="container">
    <h2>发现</h2>
    <div class="discover-list" id="discoverList">
        <div class="discover-item">
            <div class="discover-title">热门活动</div>
            <div class="discover-desc">参与平台最新优惠活动，享受更多美食福利！</div>
        </div>
        <div class="discover-item">
            <div class="discover-title">推荐餐厅</div>
            <div class="discover-desc">本周人气餐厅TOP5，快来尝鲜！</div>
        </div>
        <div class="discover-item">
            <div class="discover-title">美食专题</div>
            <div class="discover-desc">探索不同主题的美食专栏，发现更多美味。</div>
        </div>
        <!-- 你可以根据实际需求动态渲染内容 -->
    </div>
</div>
<!-- 底部导航 -->
<nav class="bottom-nav">
    <a href="first.html" class="nav-item active">
        <i class="fas fa-home"></i>
        <span>首页</span>
    </a>
    <a href="find.html" class="nav-item">
        <i class="fas fa-search"></i>
        <span>发现</span>
    </a>
    <a href="order.html" class="nav-item">
        <i class="fas fa-file-invoice"></i>
        <span>订单</span>
    </a>
    <a href="me.html" class="nav-item">
        <i class="fas fa-user"></i>
        <span>我的</span>
    </a>
</nav>
</body>
</html>